{% extends "base.html" %}
{% load i18n %}
{% load webdesign %}

{% block app_css %}
  <link type="text/css" rel="StyleSheet" href="/static/css/redmond/jquery-ui-1.7.2.custom.css" />
  <link rel="stylesheet" type="text/css" href="/static/css/space.css" />
{% endblock %}
{% block app_js %}
  <script type="text/javascript" src="/static/js/jquery-ui-1.7.2.custom.min.js"></script>
  <script type="text/javascript" src="/static/js/post_message.js"></script>
  <script type="text/javascript" src="/static/js/max_length.js"></script>
  <script type="text/javascript" src="/static/js/jquery.blockUI.js"></script>
  <script type="text/javascript" src="/static/js/space.js"></script>
{% endblock %}

{% block container %}
  <div id="profile">
    <img src="{{ host.avatar_link }}" border="0" title="{{ host.username }}" height="140" width="140"/>
    <div class="username">{{ host.username }}</div>
    <div class="bio">{{ host.bio }}</div>
    <a href="#message">{% trans 'Message' %}</a>
    <a href="#make_friend" onclick="add_friend()">{% trans 'Make friend' %}</a>
    <a href="#block">{% trans 'Block' %}</a>
  </div>
  <div id="show_place">
    <input type="hidden" id="max_id"/>
    <div class="sub_header">
      <label for="search_here">{% trans 'search here' %}:</label>
      <input id="search_here" />
    </div>
    <div id="notes">
    </div>
    <input type="button" class="load_more" value="{% trans 'load more' %}"/>
  </div>
  <div id="status">
    <a href="#note">{% trans 'Note' %}:{{ host.notes_cnt }}</a>
    <a href="#friends">{% trans 'Friend' %}:{{ host.friends_cnt }}</a>
    <a href="#places_ever_go">{% trans 'Places' %}:{{ host.places_ever_go_cnt}}</a>
  </div>
  <div id="friends">
  {% lorem 1 p %}
  </div>
  <div id="people_visited">
  {% lorem 1 p %}
  </div>
  <div id="places_ever_go">
  {% lorem 1 p %}
  </div>
  <!-- misc utilities -->
  {% include "misc/post_message.html" %}
  {% include "misc/login_dialog.html" %}
  {% include "misc/mini_note.html" %}
  <div id="make_friend" style="display: none;">
      <form method="post" action="?">
        <input id="make_friend_username" name="make_friend_username" value="{{ user }}" type="hidden">
        <input id="make_friend_fuid" name="make_friend_fuid" value="{{ host.id }}" type="hidden">
        <table>
        <tr> Add to friends, message: </tr>
        <tr><textarea name="message" id="add_friend_msg"></textarea></tr>
        <tr>
          <td>
            <input type="button" value="Add to friends" onClick="add_friend_backend()" />
            <input type="button" id="add_friend_cancel" value="Cancel"/>
          </td>
        </tr>
        </table>
      </form>
  </div>

{% endblock %}
